import React, { Component } from 'react';

import { Flex } from 'antd-mobile';
import { Checkbox } from 'antd-mobile';
import 'antd-mobile/lib/flex/style/index.css';
import 'antd-mobile/lib/checkbox/style/index.css';

import Slide from '../components/slide';

import '../static/styles/detail.css';

const CheckboxItem = Checkbox.CheckboxItem;

class Cart extends Component {

    render() {
        return (
            <div>
                <Flex>
                    <Flex.Item>
                        <CheckboxItem key="1" >
                            aaaa
                        </CheckboxItem>
                    </Flex.Item>
                    <Flex.Item>
                        <img className="goods-img" src={require("../static/imgs/0df3d7ca7bcb0a46fb818b2a6e63f6246b60af05.jpg")} />
                    </Flex.Item>
                    <Flex.Item>
                        <div>冰糖翠冠梨 2个(单果约250g)/每份</div>
                        <Flex justify="around" className="detail-info-sales">
                            <Flex.Item className="price">￥8.89</Flex.Item>
                            <Flex.Item className="sales">已售172份</Flex.Item>
                        </Flex>
                    </Flex.Item>
                </Flex>
            </div>
        );
    }
}

export default Cart;
